{% extends "base.html" %}

{% block main %}

    <!-- Jumbotron -->
    <div class="jumbotron toparea">
    <h2 style="  font-size: 40px;">有问题，先搜索！</h2>
    <p class="lead"><input type="text" class="form-control" placeholder="输入问题关键字" style="width: 580px; height: 50px; margin: 5px auto;"></p>
    <p><a class="btn-lg btn-success" href="http://v3.bootcss.com/examples/justified-nav/#" role="button" style="background-image: linear-gradient(to bottom,#008B57 0,#008B57 100%);">搜&nbsp;&nbsp;索</a></p>
    </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="col-lg-4 marketing">
            <div class="panel panel-success">
              <div class="panel-heading" style="background-image: -webkit-linear-gradient(top,#008B57 0,#008B57 100%); color:#fff;">
                <h3 class="panel-title" style="color:#fff;">热门小组</h3>
              </div>
            </div>

              <div class="gitem">
              <img class="img-circle" src="/static/images/free.jpg" alt="Generic placeholder image" width="80" height="80">
              <h4>小组名称</h4>
              <p class="desc">小组描述内容，100字以内</p>
              </div>
              <div class="gitem">
              <img class="img-circle" src="/static/images/2.jpg" alt="Generic placeholder image" width="80" height="80">
              <h4>selenium小组</h4>
              <p class="desc">专业讨论有关selenium的各种疑难杂症</p>
              </div>
              <div class="gitem">
              <img class="img-circle" src="/static/images/3.jpg" alt="Generic placeholder image" width="80" height="80">
              <h4>selenium小组</h4>
              <p class="desc">专业讨论有关selenium的各种疑难杂症</p>
              </div>

        </div>
        <div class="col-lg-4 marketing">
          <div class="panel panel-success">
              <div class="panel-heading"  style="background-image: -webkit-linear-gradient(top,#008B57 0,#008B57 100%);">
                <h3 class="panel-title" style="color:#fff;">最新问答</h3>
              </div>
          </div>
            <table class="table table-hover" style="text-align:left;">
                <tr>
                    <td><a>selenium grid 是如何配置?</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>selenium grid 是如何配置?</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>selenium grid 是如何配置?</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>selenium grid 是如何配置?</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>selenium grid 是如何配置?</a></td>
                    <td>2015-7-1</td>
                </tr>

            </table>

        </div>
        <div class="col-lg-4 marketing">
          <div class="panel panel-success">
              <div class="panel-heading"  style="background-image: -webkit-linear-gradient(top,#008B57 0,#008B57 100%);">
                <h3 class="panel-title" style="color:#fff;">最新文章</h3>
              </div>
          </div>
            <table class="table table-hover" style="text-align:left;">
                <tr>
                    <td><a>基于python的自动化环境安装</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>基于python的自动化环境安装</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>基于python的自动化环境安装</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>基于python的自动化环境安装</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>基于python的自动化环境安装</a></td>
                    <td>2015-7-1</td>
                </tr>
                <tr>
                    <td><a>基于python的自动化环境安装</a></td>
                    <td>2015-7-1</td>
                </tr>
            </table>

        </div>
      </div>

{% endblock %}